<!--
 * @Author: your name
 * @Date: 2020-12-09 14:39:42
 * @LastEditTime: 2020-12-09 17:36:47
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\pages\personalCenter\myOrders\myOrders\index.vue
-->
<template>
  <div class="myOrders relative h100">
    <div class="myOrders_orders s12">
        <el-table
            :data="tableData"
            style="width: 100%">
            <el-table-column
                prop="order"
                label="Order #"
                width="180">
            </el-table-column>
            <el-table-column
                prop="date"
                label="Date"
                width="180">
            </el-table-column>
            <el-table-column
                prop="shipTo"
                label="Ship To"
                width="180">
            </el-table-column>
            <el-table-column
                prop="orderTotal"
                label="Order Total">
            </el-table-column>
            <el-table-column
                prop="status"
                label="Status">
            </el-table-column>
            <el-table-column label="Action">
                <div class="viewOrder gradients pointer">View Order</div>
            </el-table-column>
        </el-table>
    </div>
    <back />
  </div>
</template>

<script>
import Back from '~/components/personalCenter/Back'
export default {
  async asyncData({route}) {
    
    return {
      tableData: [{
          order: '000000050',
          date: '11/13/2020',
          shipTo: 'wang gao',
          orderTotal: '$321.95',
          status: 'pending',
      }, {
          order: '000000049',
          date: '11/13/2020',
          shipTo: 'wang gao',
          orderTotal: '$321.95',
          status: 'pending',
      }, {
          order: '000000048',
          date: '11/13/2020',
          shipTo: 'wang gao',
          orderTotal: '$321.95',
          status: 'pending',
      }, {
          order: '000000047',
          date: '11/13/2020',
          shipTo: 'wang gao',
          orderTotal: '$321.95',
          status: 'pending',
      }]
    }
  },
  components: {
    Back
  }
}
</script>

<style lang="scss" scoped>
@import "~/assets/scss/index.scss";
.myOrders_orders {
    .viewOrder {
        color: $theme;
    }
}
</style>